<template>
  <div class="downloader">
    <header id="header">
		<div class="container">
			<div class="row align-items-center justify-content-between d-flex">
				<div id="logo">
					<a href="http://dlgcy.com/" target="_blank"><img src="../../public/img/logo.png" alt="" title=""></a>
				</div>
			</div>
		</div>
	</header>
	
	<section class="home-banner-area relative">
		<div class="container">
			<div class="row fullscreen d-flex align-items-center justify-content-center" style="height: 696px;">
				<div class="banner-content col-lg-8 col-md-12">
					<h1 class="wow fadeIn" data-wow-duration="2s" style="visibility: visible; animation-duration: 2s; animation-name: fadeIn;">VPS Downloader {{ msg }}<br> </h1> 
					
					<div class="input-wrap">
						<form action="http://frps.dlgcy.com:9092" class="form-box d-flex justify-content-between" _lpchecked="1">
							<input id="url" type="text" placeholder="请输入URL" class="form-control" name="username" autocomplete="off" style="background-image: url(&quot;&quot;); background-repeat: no-repeat; background-attachment: scroll; background-size: 16px 18px; background-position: 98% 50%; cursor: auto;">
							<button type="button" class="btn search-btn" onclick="download()">下载</button>
						</form>
					</div>
					<h4 class="text-white">能加速的下载器</h4>
					<h4 class="text-white"></h4>
					<h4 class="text-white"></h4>
					<h4 class="text-white"></h4>
					<h4 class="text-white"></h4>
					<h4 class="text-white"></h4>
				</div>
			</div>
		</div>
		<div class="rocket-img">
			<img src="../../public/img/rocket.png" alt="">
		</div>
	</section>
  </div>
</template>

<script lang="ts">
import { Component, Prop, Vue } from 'vue-property-decorator';

@Component
export default class Downloader extends Vue {
  @Prop() private msg!: string;
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
@import "../../public/css/bootstrap.css";
@import "../../public/css/main.css";

a {
  color: #42b983;
}
</style>
